<html>
  <head>
    <title>基本主题</title>
  </head>
  <body>
    <script>
      // 基本主题  The basic Theme

            /*
                基本主题是ASP.NET Core MVC/Razor Pages UI的主题实现。

                这是一个极简主义主题，不会在普通的Bootstrap之上添加任何样式。

                您可以将基本主题作为基本主题，并在其上构建自己的主题或样式。
            */

            /*
                一、安装   Installation

                        如果您需要手动安装此主题，请按照以下步骤操作：

                            1、将 "Volo. Abp.AspNetCore.Mvc.UI.Theme.Basic"  NuGet包安装到您的Web项目中。

                            2、将AbpAspNetCoreMvcUiBasicThemeModule添加到Web项目中模块类的[DependsOn(...)]属性中。

                            3、将@abp/aspnetcore. mvc.ui.theme.BasicNPM包安装到您的Web项目
                            
                                  （例如npm "install @abp/aspnetcore.mvc.ui.theme.basic"  或者 "yarn add @abp/aspnetcore.mvc.ui.theme.basic"）。

                            4、在Web项目文件夹的命令行终端中运行 "abp install-libs" 命令。
            */

            /*
                二、布局  Layout

                          基本主题实现标准布局。以下是所有的布局实现部分：

                              1、全局捆绑包

                              2、页面提醒

                              3、布局挂钩

                              4、小部件资源



                          1、应用程序布局  The Application Layout 

                                  除了撒花姑娘出常用部分外，Application Layout 还实现了以下部分；

                                     Branding 品牌化
                                     
                                     Main Menu 主菜单

                                     带有语言选择和用户菜单的主工具栏
            */

            /*
                三、账户布局   The  Account  Layout

                            除了上述常用部分外，Account Layout 布局还实现了以下部分：
                            
                                    branding  品牌化

                                    Main Menu  主菜单 

                                    带有语言选择和用户菜单的主工具栏

                                    Tenant Switch Area 租户交换区

            */

            /*
                四、自定义

                          覆盖样式/组件

                          1、覆盖样式

                                ①、覆盖样式

                                        在项目的wwwroot文件夹中创建一个CSS文件：

                                            wwwroot/styles/global-styles.css

                                        将样式文件添加到全局包，在模块的ConfigureServices方法中：

                                            Configure<AbpBundlingOptions>(options =>
                                            {
                                                options.StyleBundles.Configure(BasicThemeBundles.Styles.Global, bundle =>
                                                {
                                                    bundle.AddFiles("/styles/global-styles.css");
                                                });
                                            });

                          2、覆盖组件  

                                        请参阅用户界面自定义指南以了解如何替换组件、自定义和扩展用户交互界面。
                                        
                                            https://abp.io/docs/latest/framework/ui/mvc-razor-pages/customization-user-interface


                          3、复制和自定义 

                                        您可以在Web项目目录中运行以下ABP CLI命令以将源代码复制到您的解决方案中：

                                            "abp add-source-code Volo.Abp.BasicTheme"



                                        或者，您可以下载基本主题的源代码，
                                        
                                        手动将项目内容复制到您的解决方案中，
                                        
                                        重新排列包/模块依赖项（请参阅上面的安装部分以了解它是如何安装到项目中的），并根据您的应用程序要求自由定制主题。

            */
    </script>
  </body>
</html>